<template>
	<el-dialog v-model="dialogVisible" title="提示" width="40%" :lock-scroll="false">
		<div style="margin-top: 20px">123</div>
		<template #footer>
			<div class="dialog-footer">
				<el-button type="primary" @click="submit">确认</el-button>
			</div>
		</template>
	</el-dialog>
</template>

<script lang="ts" setup>
import { watch, ref } from 'vue';
const props = defineProps({
	flowData: {
		type: Object,
		default: () => {
			return {};
		},
	},
});
const dialogVisible = ref(false);

watch(
	() => dialogVisible.value,
	(newVal) => {
		if (!newVal) {
		} else {
		}
	}
);
const submit = () => {
	dialogVisible.value = false;
};

defineExpose({ dialogVisible });
</script>

<style lang="scss" scoped></style>
